/* 该文件变量用于定义不同模式下的颜色变量
 * 浅色模式于深色模式变量一一对应
 * 变量命名统一使用 --fc- 前缀，防止与其他变量冲突
*/

/* 浅色模式 */
:root {
  --color-primary: #006C45;
  --color-primary-hover: #008858;
  --color-primary-active: #005334;
  --color-primary-disabled: #92DAB2;
  --color-primary-hover-light: #E3F9E9;
  --color-brand-1: #E3F9E9;
  --bg-color-page: #EEEEEE;
  --bg-color-container: #FFF;
  --bg-color-secondcontainer: #F3F3F3;
  --bg-color-component: #E7E7E7;
  --color-stroke: #E7E7E7;
  --color-border: #DCDCDC;
  --color-bg-disabled: #EEEEEE;
  --text-color-primary: rgba(0, 0, 0, 0.9);
  --text-color-secondary: rgba(0, 0, 0, 0.6);
  --text-color-placeholder: rgba(0, 0, 0, 0.4);
  --text-color-disabled: rgba(0, 0, 0, 0.26);
  --text-color-white: #fff;
  --text-color-brand: #006C45;
  --color-gray-4: #DCDCDC;
  /* --color-primary-light: #d2e4ff;
  --color-primary-dark: #1d62f0;
  --color-primary-darker: #1d62f0;
  --color-primary-lightest: #ebf4ff;
  --color-primary-lighter: #ebf4ff;
  --color-primary-darkest: #1d62f0; */
  --success-color-base: #618DFF;
  --success-color-hover: #8EABFF;
  --success-color-active: #366Ef4;
  --success-color-disabled: #B5C7FF;
  --success-color-focus: #D9E1FF;
  --success-color-light: #F2F3FF;
  --warning-color-base: #E37318;
  --warning-color-hover: #FA9550;
  --warning-color-active: #BE5A00;
  --warning-color-disabled: #FFB98C;
  --warning-color-focus: #FFD9C2;
  --warning-color-light: #FFF1E9;

  --error-color-base: #D54941;
  --error-color-hover: #F6685D;
  --error-color-active: #AD352F;
  --error-color-disabled: #FFB9B0;
  --error-color-focus: #FFD8D2;
  --error-color-light: #FFF0ED;
}
